@charset "utf-8";

/*css*/
html, body{ }
body{font:16px/1.23 Microsoft YaHei;color:#000;position:relative;min-width:320px;-webkit-text-size-adjust: none; overflow-x: hidden; margin:0; padding:0;}
.content{ width: 1300px; margin: 0 auto; }
ul,li{ list-style-type:none; padding: 0; margin: 0; }

/*Links*/
a{color:#333;text-decoration:none}
a:hover{color:#06883E;text-decoration: none}
a[href^="tel:"]{color: inherit;text-decoration:none}
.clear{ clear: both; }

/*Titles*/
h1{line-height:32px}
h2{font-size:36px;line-height:36px;margin-bottom:20px}
h3{font-size:18px;line-height:22px;margin-bottom:20px}
h3.h3{font-size: 28px;line-height: 22px;color:#222;text-transform:uppercase;letter-spacing:-1px;text-shadow:1px 1px 1px #847f7d}
h4{font-size:16px;line-height:22px;margin-bottom:20px}
h2 a, h3 a, h4 a, h5 a, h6 a{color:inherit;transition: 0.3s;-webkit-transition: 0.3s;-moz-transition: 0.3s}
.fl{ float: left; }
.fr{ float: right; }

/* Indents*/

.top{ background: #f5f5f5; border-bottom: 1px solid #ddd; }
.top_sb{ width: 1300px; margin: 9px auto; }
.top_sb h1{ font-size: 14px; font-weight: 100; margin: 0; line-height: 14px; }
.top_sb h1 span{ font-weight: bold; }
.top_sb_ewm{ float: left; }
.top_sb_ewm p{ float: left; margin: 0 10px;}
.top_sb_ewm p a{ position: relative; }
.top_sb_ewm p img{ position: absolute; z-index: 9999; }

.header{ width: 1300px; margin: 0 auto; }
.header_mc{ padding: 8px 0 10px; }
.header_dh{ background: url(../images/photo.jpg) no-repeat left 17px; padding: 26px 0 0 75px; }
.header_dh span{ font-size: 16px; line-height: 29px; }
.header_dh p{ color:#06883E;  font-size: 34px; font-weight: bold; margin: 0; }

.clear{display:block;overflow:hidden;clear:both;height:0;line-height:0;font-size:0;}
.cont{width:1300px;margin:0px auto;}
.textcent{ text-align:center}

.head {height: 70px;width: 100%; border-bottom: 3px solid #06883E; }
.yanse{ background:#06883E; width:50%; position: absolute;  right:0px; float:right;height:70px }
.head-left {float: left;height:55px;width:200px; padding-top: 15px;}
/*nav导航盒子*/
/*.nav{width:730px;height:54px;line-height:54px;text-align:center;font-size:16px;position:relative;background:#06883E  url(../images/nav_bg.jpg) no-repeat left bottom ; padding:8px 0 8px 150px; float:right; font-weight:bold; font-family:"微软雅黑";z-index:1000}*/
/*nav-main*/
ul.nav-main{width:100%;height:100%;list-style-type:none}
ul.nav-main span{display:inline-block;margin-left:18px;width:12px;height:9px; background:url(../images/sj1.png) no-repeat center center}

/*图标向上旋转*/
.hover-up{transition-duration:.5s;transform:rotate(180deg);-webkit-transform:rotate(180deg); }
/*图标向下旋转*/
.hover-down{transition-duration:.5s;transform:rotate(0);-webkit-transform:rotate(0)}
/*导航条设置*/
ul.nav-main>li{width:133px;height:100%;display:block;float:left;color:#fff;margin-right:1px;cursor:pointer}
ul.nav-main>li:hover{background:#fff ; color:#06883e }
ul.nav-main>li:hover span{ background:url(../images/sg3.jpg)  no-repeat center center; z-index:100000 }
/*隐藏盒子设置*/
div.hidden-box{width:133px;position:absolute;display:none;background:#315565 url(../images/sj2.png) no-repeat  top center;top:62px;filter:alpha(opacity=80); -moz-opacity:0.8; opacity:0.8;}
.hidden-box>ul{list-style-type:none;color:#fff;cursor:pointer; padding-top:12px;padding-bottom:15px; padding-left: 3px; }
.hidden-box>ul li{ width: 130px; line-height:30px; height:30px; font-weight:500; overflow: hidden;}

/*隐藏盒子位置设置*/
.hidden-loc-index{left:285px}
.hidden-loc-us{left:418px}
.hidden-loc-info{left:552px}
.box04{left:685px}

/*-- daohang --*/
.wraper{width:100%;padding:8px 0 8px; background:#06883e;}
.nav{position:relative; width:1300px; height:40px; margin:0 auto; overflow:hidden}
.nav-item{position:relative;float:left;width:129px;height:40px;line-height:40px;text-align:center;font-size:16px;z-index:1}
.nav-item a{display:block;height:40px;color:#fff;}
.nav-item a:hover{color:#fff ; background:none;}
.move-bg{display:none;position:absolute;left:0;top:0;width:129px;height:40px;background:#07371c;z-index:0; border-radius:5px;}

/*= 清除浮动=*/
.clear{clear: both; height:0px; line-height:0px; font-size:0px;}
.clearfix:after { content: "."; display: block; height: 0;  clear: both; visibility: hidden;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */
*+html .clearfix {min-height: 1%;}
*html{zoom:expression(function(ele){ele.style.zoom = "1";document.execCommand("BackgroundImageCache",false,true)}
(this))}

.nav{ position:relative; }
.nav ul{list-style-type:none; width:1300px; height:30px; margin:0 auto; }
.nav ul li a:link{color:white;text-decoration:none;}
.nav ul li a{display:block;}
.nav ul li a:hover{ }
.show{background:#f60;}
.fixednav{position:fixed;top:0px;left:0px;width:100%; background:#06883e; z-index:9999; }
.nav ul li>ul li{background:blue;}

/*-- banner --*/
.banner{width:100%;overflow:hidden;height:400px;position:relative}
.banList{position:absolute;left:50%;margin-left:-960px;height:400px}
.banList li{height:400px;opacity:0;position:absolute;transform:scale(0);transition:transform 0.5s ease 0s, opacity 1.5s ease 0s;z-index:1;}
.banList li.active{opacity:1;transform:scale(1);z-index:2;}
.fomW{position:absolute;bottom:20px;left:50%;height:20px;z-index:9;width:1300px;margin-left:-650px}
.jsNav{text-align:center;}
.jsNav a{display:inline-block;background:#fff;width:15px;height:15px;border-radius:50%;margin:0 5px;}
.jsNav a.current{background:#fc8f0f;cursor:pointer}


.htmleaf-container{ width: 1920px; margin: 0 auto;text-align: center;overflow: hidden;}
.htmleaf-content{font-size: 150%;padding: 1em 0;}
.htmleaf-content h2{margin: 0 0 2em;opacity: 0.1;}
.htmleaf-content p{margin: 1em 0;padding: 5em 0 0 0;font-size: 0.65em;}
.bgcolor-1{background: #f0efee;}
.bgcolor-2{background: #f9f9f9;}
.bgcolor-3{background: #e8e8e8;}/*light grey*/
.bgcolor-4{background: #2f3238; color: #fff;}/*Dark grey*/
.bgcolor-5{background: #df6659; color: #521e18;}/*pink1*/
.bgcolor-6{background: #2fa8ec;}/*sky blue*/
.bgcolor-7{background: #d0d6d6;}/*White tea*/
.bgcolor-8{background: #3d4444; color: #fff;}/*Dark grey2*/
.bgcolor-9{background: #ef3f52; color: #fff;}/*pink2*/
.bgcolor-10{background: #64448f; color: #fff;}/*Violet*/
.bgcolor-11{background: #3755ad; color: #fff;}/*dark blue*/
.bgcolor-12{background: #3498DB; color: #fff;}/*light blue*/
/* Header */
.htmleaf-header{padding: 1em 190px 1em;letter-spacing: -1px;text-align: center;}
.htmleaf-header h1{font-weight: 600;font-size: 2em;line-height: 1;margin-bottom: 0;font-family: "Segoe UI", "Lucida Grande", Helvetica, Arial, "Microsoft YaHei", FreeSans, Arimo, "Droid Sans", "wenquanyi micro hei", "Hiragino Sans GB", "Hiragino Sans GB W3", "FontAwesome", sans-serif;}
.htmleaf-header h1 span{font-family: "Segoe UI", "Lucida Grande", Helvetica, Arial, "Microsoft YaHei", FreeSans, Arimo, "Droid Sans", "wenquanyi micro hei", "Hiragino Sans GB", "Hiragino Sans GB W3", "FontAwesome", sans-serif;display: block;font-size: 60%;font-weight: 400;padding: 0.8em 0 0.5em 0;color: #c3c8cd;}
/*nav*/
.htmleaf-demo a{color: #1d7db1;text-decoration: none;}
.htmleaf-demo{width: 100%;padding-bottom: 1.2em;}
.htmleaf-demo a{display: inline-block;margin: 0.5em;padding: 0.6em 1em;border: 3px solid #1d7db1;font-weight: 700;}
.htmleaf-demo a:hover{opacity: 0.6;}
.htmleaf-demo a.current{background:#1d7db1;color: #fff;}
/* Top Navigation Style */
.htmleaf-links{position: relative;display: inline-block;white-space: nowrap;font-size: 1.5em;text-align: center;}
.htmleaf-links::after{position: absolute;top: 0;left: 50%;margin-left: -1px;width: 2px;height: 100%;background: #dbdbdb;content: '';-webkit-transform: rotate3d(0,0,1,22.5deg);transform: rotate3d(0,0,1,22.5deg);}
.htmleaf-icon{display: inline-block;margin: 0.5em;padding: 0em 0;width: 1.5em;text-decoration: none;}
.htmleaf-icon span{display: none;}
.htmleaf-icon:before{margin: 0 5px;text-transform: none;font-weight: normal;font-style: normal;font-variant: normal;font-family: 'icomoon';line-height: 1;speak: none;-webkit-font-smoothing: antialiased;}
/* footer */
.htmleaf-footer{width: 100%;padding-top: 10px;}
.htmleaf-small{font-size: 0.8em;}
.center{text-align: center;}
/****/
.related{color: #fff;background: #333;text-align: center;font-size: 1.25em;padding: 0.5em 0;overflow: hidden;}
.related > a{vertical-align: top;width: calc(100% - 20px);max-width: 340px;display: inline-block;text-align: center;margin: 20px 10px;padding: 25px;font-family: "Segoe UI", "Lucida Grande", Helvetica, Arial, "Microsoft YaHei", FreeSans, Arimo, "Droid Sans", "wenquanyi micro hei", "Hiragino Sans GB", "Hiragino Sans GB W3", "FontAwesome", sans-serif;}
.related a{display: inline-block;text-align: left;margin: 20px auto;padding: 10px 20px;opacity: 0.8;-webkit-transition: opacity 0.3s;transition: opacity 0.3s;-webkit-backface-visibility: hidden;}
.related a:hover,
.related a:active{opacity: 1;}
.related a img{max-width: 100%;opacity: 0.8;border-radius: 4px;}
.related a:hover img,
.related a:active img{opacity: 1;}
.related h3{font-family: "Microsoft YaHei", sans-serif;}
.related a h3{font-weight: 300;margin-top: 0.15em;color: #fff;}
/* icomoon */
.icon-htmleaf-home-outline:before{content: "\e5000";}
.icon-htmleaf-arrow-forward-outline:before{content: "\e5001";}
@media screen and (max-width: 50em){.htmleaf-header{padding: 3em 10% 4em;}.htmleaf-header h1{font-size:2em;}}
@media screen and (max-width: 40em){.htmleaf-header h1{font-size: 1.5em;}}
@media screen and (max-width: 30em){.htmleaf-header h1{font-size:1.2em;}}

.slider { width: 1024px; height: 550px; overflow: hidden;}

/* 切换按钮 */ /* 上一个 */
.osSlider-main .slider-btn-prev{position: absolute; z-index: 30; top: 50%; left: -45px; width: 40px; height: 40px; text-indent: -9999px; margin-top: -20px; background: url(../images/prev.png) 50% 50% no-repeat; transition: all .5s linear;}
.osSlider-main:hover .slider-btn-prev{left: 5px;} /* 下一个 */
.osSlider-main .slider-btn-next{position: absolute; z-index: 30; top: 50%; right: -45px; width: 40px; height: 40px; text-indent: -9999px; margin-top: -20px; background: url(../images/next.png) 50% 50% no-repeat; transition: all .5s linear;}
.osSlider-main:hover .slider-btn-next{right: 5px;}
/* 高亮导航部分 */
.osSlider-main .slider-nav{position: absolute; width:100%; height: 22px; bottom: 20px; text-align: center; z-index: 25;}
.osSlider-main .slider-nav li{display: inline-block; height: 20px; line-height: 20px; padding: 0 6px; margin: 0 12px; font-size: 12px; color: #eee; border: 1px solid #eee; background: none; cursor: pointer;}
.osSlider-main .slider-nav li.active{color: #333; background: #eee;}
.osSlider-main .slider-nav li:hover{border: 1px solid #f60; background: #f60;}

/*-- 搜索 --*/
.sousu{ height: 43px; border-bottom: 1px solid #ccc; }
.sousu_ny{ width: 1300px; margin: 9px auto; }

.shell{ width:400px;padding:10px 0 0;}
#div1{height:18px;overflow:hidden;}
#div1 a{ display: block; }

.wbyinput{ width: 238px; height: 25px; padding: 0 10px; }
.wbybut{ width: 80px; height: 30px; color: #fff; background: #067A39; border:0; }

/*-- 产品中心 --*/
#cen_right_top{width:1300px;margin:40px auto 0 auto; overflow: hidden; }
#cen_right_top .active{ border: 1px solid #fc8f0f; }
#cen_right_top .active a{ background: #fc8f0f; }
#cen_right_top h3{    float: left;    width: 170px;    text-align: center;    border: 1px solid #06883e;    margin: 10px 22px 20px;}
#cen_right_top h3 a{    color: #fff;    background: #06883e;    display: block;    padding: 10px;    margin: 2px;}
#cen_right_top div{ display:none;clear:both; padding:20px 0px 0px; }
#cen_right_top div li{ float: left; margin: 0 3px; }
#cen_right_top div li img{    width: 420px;    height: 323px;    border: 1px solid #ccc;    padding: 2px;}
#cen_right_top div li span{ display: block; width: 420px; height: 40px; line-height: 40px; text-align: center; overflow: hidden; }
/*-- 案例 --*/
#featured-area{height:337px;width:1300px;margin:0 auto; padding: 150px 0 100px; background:url(../images/anli_bj.jpg) no-repeat 99px 46px; }
.featured_tb a{ display:block; font-size: 45px; font-weight: bold; width: 76px; float: left; text-align: center; color: transparent;background-color : black;text-shadow : rgba(255,255,255,0.5) 0 5px 6px, rgba(255,255,255,0.2) 1px 3px 3px;-webkit-background-clip : text; margin: -40px 54px; border: 6px solid #06883e; }
.roundabout-holder{list-style:none;width:850px;height:300px; float:right; right:108px; }
.roundabout-moveable-item{font-size:12px!important;height:440px;width:700px;cursor:pointer;padding:5px;border:1px solid #aaaaaa;-webkit-border-radius:5px;-moz-border-radius:5px;background:#f9f9f9;}
.roundabout-moveable-item img{height:100%;width:100%;background-color:#FFFFFF;margin:0;}
.roundabout-in-focus{cursor:auto;}
.roundabout-in-focus:hover{-webkit-box-shadow:0px 0px 20px #787878;-moz-box-shadow:0px 0px 20px #787878;background:#f9f9f9;}
.roundabout-holder span{display:none;}
.roundabout-in-focus:hover span{display:inline;position:absolute;bottom:5px;right:5px;padding:8px 20px;background:#f9f9f9;color:#3366cc;z-index:999;-webkit-border-top-left-radius:5px;-moz-border-radius-topLeft:5px;border-left:1px solid #aaaaaa;border-top:1px solid #aaaaaa;}
.roundabout a:active, .roundabout a:focus, .roundabout a:visited{outline:none;text-decoration:none;}
.roundabout li{margin:0}

/*-- 优势 --*/
.youshi2{box-sizing:border-box;width:1300px;height:665px;margin:0px auto;position:relative;background-image:url(../images/youshi2.jpg);background-attachment:initial;background-size:initial;background-origin:initial;background-clip:initial;background-position:50% 50%;background-repeat:initial;}
.t1{box-sizing:border-box;position:absolute;width:400px;top:124px;left:30px;}
.t1 .h3{box-sizing:border-box;font-family:inherit;line-height:1.1;color:#06883e;margin-top:20px;margin-bottom:10px;font-size:22px;}
.t1 .h4{ box-sizing:border-box;font-family:inherit;line-height:24px;color:inherit;margin-top:10px;margin-bottom:10px; }
.t2{box-sizing:border-box;position:absolute;width:400px;top:124px;left:905px;}
.t2 .h3{box-sizing:border-box;font-family:inherit;line-height:1.1;color:#06883e;margin-top:20px;margin-bottom:10px;font-size:22px;}
.t2 .h4{box-sizing:border-box;font-family:inherit;line-height:24px;color:inherit;margin-top:10px;margin-bottom:10px;}
.t3{box-sizing:border-box;position:absolute;width:400px;left:30px;top:513px;}
.t3 .h3{box-sizing:border-box;font-family:inherit;line-height:1.1;color:#06883e;margin-top:20px;margin-bottom:10px;font-size:22px;}
.t3 .h4{box-sizing:border-box;font-family:inherit;line-height:24px;color:inherit;margin-top:10px;margin-bottom:10px;}
.t4{box-sizing:border-box;position:absolute;width:400px;top:513px;left:905px;}
.t4 .h3{box-sizing:border-box;font-family:inherit;line-height:1.1;color:#06883e;margin-top:20px;margin-bottom:10px;font-size:22px;}
.t4 .h4{box-sizing:border-box;font-family:inherit;line-height:24px;color:inherit;margin-top:10px;margin-bottom:10px;}

.ysBox{height:1142px; background:url(../images/ysBox.jpg) no-repeat center;}
.ysBox .container{position:relative;}
.ysBox h4{position:relative; top:66px; margin:0 auto; width:562px; height:64px; line-height:62px; text-align:center; font-size:36px; font-weight:normal; color:#fff; background-color:#f10000;}
.ysBox h4 b{color:#ff0;}
.ysBox dl{position:absolute;}
.ysBox dt{padding-bottom:26px; margin-bottom:10px; line-height:30px; font-size:24px; color:#000; background:url(../images/ysDt.png) no-repeat left bottom;}
.ysBox dd{line-height:28px; font-size:14px; margin: 0; }
.ysBox dd b{display:block; margin-bottom:14px; font-size:16px; color:#141414;}
.ysBox dd p{line-height:26px; font-size:15px; color:#333;}
.ysBox .ys_01{left:93px; top:47px;}
.ysBox .ys_02{left:687px; top:408px;}
.ysBox .ys_03{left:93px; top:850px;}
.ysBox .ys_04{left:687px; top:1200px;}
.ysBox .ys_05{left:93px; top:1642px;}

/*-- 关于我们 --*/
.guanyu{ background:url(../images/guanyu_bj.jpg) no-repeat center center; height:970px; }
.guanyu_guanyu_cc{ width:470px; margin:0 auto;padding-left:580px;padding-top:180px; }
.guanyu_guanyu_cc .guanyu_bt{line-height:50px; font-size:30px;color:#51a976;}
.guanyu_guanyu_cc .guanyu_nr{line-height:30px; font-size:16px;}

/*-- 客户见证 --*/
.anli h2 a{ display: block; font-size: 30px; line-height: 81px; padding-left: 37px; display: block; background: url(../images/bt.jpg) no-repeat; }
.anli h2 a:hover{ background: url(../images/bt1.jpg) no-repeat; }

.anli dl{ float: left; width: 413px; margin: 0 10px; }
.anli dl dd{ margin: 0; }
.anli dl dd img{ width: 394px; border: 1px solid #ccc; padding: 2px; }
.anli dl dt p{ font-size: 18px; font-weight: bold; width: 413px; height: 22px; overflow: hidden; }
.anli dl dt span{ line-height: 2.3; }

/*-- 新闻中心 --*/
.xinwen h2 a{ display: block; font-size: 30px; line-height: 81px; padding-left: 54px; display: block; background: url(../images/bt.jpg) no-repeat; }
.xinwen h2 a:hover{ background: url(../images/bt1.jpg) no-repeat; }

.xinwen li{ float: left; width: 407px; margin: 0 13px; border-bottom: 1px dashed #ddd; line-height: 40px; height: 40px; overflow: hidden; }
.xinwen li span{ display: block; float: left; width: 305px; }


/*联系我们*/
.w1004{ width:1300px; height:auto; margin:0 auto;}
.w1004 h2 a{ display: block; font-size: 30px; height:81px; padding-left: 54px; display: block; background: url(../images/bt.jpg) no-repeat; }
.w1004 h2 a:hover{ background: url(../images/bt1.jpg) no-repeat; }
.i_cbg{ width:1004px; height:332px; float:left; position:relative;}
.i_map{ width:1600px; height:332px; float:left; margin-left:-800px; position:absolute;left:50%;top:0;}
.i_con{ width:590px; height:250px;float:right;position:relative; z-index:2; padding:20px 0 12px; background:url(../images/cbg1.png) top center no-repeat; margin-top:26px; margin-right:-250px;}
.i_con dl{width:100%; height:23px; line-height:23px; overflow:hidden; float:left; font:400 14px/28px "微软雅黑"; color:#fff;}
.i_con dt{ width:74px;float:left; padding:0px 27px;}
.i_con dd{ width:390px;float:left;color:#154e89; font-weight:900}

/*-- 底部 --*/
.footer{ color: #fff; background: #06883E; border-top: 3px solid #333; margin-top: 25px; padding-bottom: 15px; }
.area span , .link span{ display: block; font-size: 20px; font-weight: bold; line-height: 2.3; }
.area span i , .link span i{    font-weight: 100;    font-size: 18px;}
.area a , .link a{ color: #fff; padding: 0 10px; }

.footer_dh{ width: 1200px; margin: 15px auto; text-align: center; border:1px solid #fff; line-height: 2.3; border-radius: 15px; }
.footer_dh a{ color: #fff; padding: 0 20px; }

.footer_lx{ text-align: center; }
.footer_lx span{ padding: 0 15px; }
.footer_lx span a{ color: #fff; padding: 5px; }